body {background-color: #f5f5f5;}
.no-overview {overflow: auto !important;}

header {padding: 10px 0;}
header .menu-top {margin: 0 0 5px 0; height: 144px;}
header .qrecode, header .qrecode img {width: 239px; height: 144px;}
header .logo {width: 210px; height: 65px; overflow: hidden;}
header .search {padding: 4px; width: 680px; background-color: #e60213; margin: 10px 0;}
header .search .dropdown>a {display: block; line-height: 45px; background: url("../images/arrow_down2.png") no-repeat 50px 22px #eeeeee; padding: 0 25px 0 15px;}
header .search .dropdown-menu {min-width: 0; padding: 0; margin: 0; border-radius: 0;}
header .search .dropdown-menu>li>a {padding: 5px 0; width: 66px; text-align: center;}
header .search .dropdown-menu>li>a:hover {color: #000000; text-decoration: none; background-color: #eeeeee !important; background-image: none !important;}
header .search .search-text {width: 520px; padding: 10px; height: 45px; outline: 0; font-size: 1.2em; font-weight: 400;}
header .search .search-btn {width: 85px; line-height: 45px; font-size: 1.5em; color: #ffffff; text-align: center; font-weight: bold;}
header .header-ad, header .header-ad img {width: 891px; overflow: hidden;}

.sub-menu {position: relative; background-color: #e70012; width: 210px; z-index: 9;}
.sub-menu .sub-menu-top {display: block; width: 100%; height: 40px; line-height: 40px; color: #ffffff; font-size: 1.2em; font-weight: bold; padding-left: 50px; background: url(../images/arrow_down3.png) no-repeat right center;}
.sub-menu > ul {position: absolute; background-color: #e70012; width: 210px; z-index: 3;height:365px;}
.sub-menu > ul > li > .title {display: block; width: 100%; height: 45px; line-height: 45px; color: #ffffff; font-size: 16px; padding-left: 50px;}
.sub-menu > ul > li:hover > .title{background-color: #ffffff; color: #e70012;}
.sub-menu > ul > li > .sub-menu-list {display: none; position: absolute; top: 0; left: 210px; width: 260px; height: 368px; background-color: #ffffff;}
.sub-menu > ul > li > .sub-menu-list a {width: 50%; font-size: 14px; color: #333333; display: block; float: left; padding: 10px 20px;}
.sub-menu > ul > li > .sub-menu-list a:hover {background-color: #eeeeee;}
.sub-menu > ul > li:hover > .sub-menu-list {display: block;}

.sub-nav {position: relative; margin-left: 210px;}
.sub-nav > ul{background-color: #e70012; overflow: auto;}
.sub-nav > ul > li {float: left;}
.sub-nav > ul > li > a {display: block; padding: 0 30px; height: 40px; line-height: 40px; color: #ffffff; font-size: 1.2em;}
.sub-nav > ul > li > a:hover {background-color: #ffffff; color: #e70012;}
.sub-nav .banner {float: left; margin: 5px; position: relative; width: 735px; height: 360px; overflow: hidden;}
@-webkit-keyframes fadeIn {0% {opacity: 0.5;}100% {opacity: 1;}}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0.5;}}
.sub-nav .banner .banner-img li {display: none; -webkit-animation-name: fadeOut; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}
.sub-nav .banner .banner-img li.active {display: block; -webkit-animation-name: fadeIn;}
.sub-nav .banner .banner-img li a img {width: 735px; height: 360px;}
.sub-nav .banner .banner-btn {position: absolute; bottom: 20px; text-align: center; width: 100%;}
.sub-nav .banner .banner-btn a {background-color: #333333; color: #ffffff; border-radius: 50%; width: 12px; height: 12px; display: inline-block; margin: 0 5px;}
.sub-nav .banner .banner-btn a:hover, .sub-nav .banner .banner-btn a.active {background-color: #b61b1f;}
.sub-nav .banner .banner-page {display: none;}
.sub-nav .banner .banner-page a {position: absolute; top: 50%; z-index: 4; margin-top: -31px; display: block; width: 28px; height: 62px; line-height: 62px; background: rgba(0,0,0,.2); color: #fff; text-align: center; font-size: 22px; font-weight: 400; font-family: simsun;}
.sub-nav .banner .banner-page a.prev {left: 0;}
.sub-nav .banner .banner-page a.next {right: 0;}
.sub-nav .section {border: #dddddd solid 1px; padding: 5px; width: 185px; height: 177px; float: left; margin-top: 5px; overflow: hidden;}
.sub-nav .section .title {line-height: 30px; border-bottom: #dddddd solid 1px; color: #000000; font-size: 1em; padding-left: 5px; font-weight: bold;}
.sub-nav .section .title a {float: right; color: #666666; font-size: 0.85em; line-height: 30px; padding: 0; margin: 0;}
.sub-nav .section > ul > li {line-height: 28px; padding: 0 2px;}
.sub-nav .section > ul > li > a {white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis;}
.sub-nav .section > form > ul > li {padding: 5px 0 0 0;}
.sub-nav .section > form input {width: 100%; text-indent: 5px; height: 32px; line-height: 32px; border: #dddddd solid 1px; color: #000000;}
.sub-nav .section > form .btn {background: #e60213; padding: 0; color: #ffffff; width: 48%; height: 28px; line-height: 28px; text-align: center;}
.sub-nav .section > form .else {line-height: 28px;}

.projects-header {text-align: center;}
.projects-header h2 {color: #666666;}
.projects-header p {color: #bbbbbb;}
label.btn {background-color: #f5f5f5; display: table-cell; font-weight: bold;}
.uploadify{background-color: #f5f5f5; display: table-cell; font-weight: bold;}
.uploadify-button{text-align:center;line-height:30px;} 
.files-btn {overflow:Hidden} 
.files {margin-top: 10px;}
.files .file-info {background-color: #f5f5f5; padding: 10px; margin: 0 0 10px;}
.files .file-info .file-name {margin-left: 5px; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom;}
.files .file-info a {color: #e70012;}
.files .file-info img{height:60px;}

.floor {position: relative; margin-bottom: 15px;}
.floor .floor-head {width: 100%; height: 40px; border-bottom: 2px solid #e60213; line-height: 40px; text-indent: 5px; color: #000000; font-size: 1.5em; font-weight: bold;}
.floor .floor-head .more {float: right; margin-right: 15px; font-size: 0.5em; color: #000000;}
.floor .floor-body {overflow: auto;}
.floor .floor-body a:hover {border: #000000 solid 1px; display: block;}
.floor .floor-body .item1 {height: 388px; width: 310px; overflow: hidden;}
.floor .floor-body .item1 > a > img {height: 388px; width: 310px;}
.floor .floor-body .item2 {height: 388px; width: 420px; overflow: hidden;}
.floor .floor-body .item2 > div > a > img {height: 146px; width: 420px;}
.floor .floor-body .item2 > div+div > a > img {height: 239px; width: 226px;}
.floor .floor-body .item2 > div+div+div > a > img {height: 239px; width: 190px;}
.floor .floor-body .item3 {height: 388px; width: 204px; overflow: hidden;}
.floor .floor-body .item3 > div > a > img {height: 234px; width: 204px;}
.floor .floor-body .item3 > div+div > a > img {height: 149px; width: 204px;}
.floor.floor2 .floor-body div, .floor.floor2 .floor-body div > img{width: 146px; height: 330px; overflow: hidden;}
.floor.floor2 .floor-body div:first-child, .floor.floor2 .floor-body div:first-child img {width: 262px; height: 330px; overflow: hidden;}
.floor.floor3 .floor-body div, .floor.floor3 .floor-body div img {width: 220px; height: 280px; overflow: hidden;} 
.floor.floor3 .floor-body div:first-child, .floor.floor3 .floor-body div:first-child img {width: 258px; height: 280px; overflow: hidden;}
.floor.floor4 .floor-body ul, .floor.floor5 .floor-body ul {overflow: auto;}
.floor.floor4 .floor-body ul li, .floor.floor5 .floor-body ul li {float: left; position: relative;}
.floor.floor4 .floor-body ul li a, .floor.floor5 .floor-body ul li a {border: #dddddd solid 1px; margin: 10px 3px; display: block;}
.floor.floor4 .floor-body ul li a:hover, .floor.floor5 .floor-body ul li a:hover {border: #000000 solid 1px;}
.floor.floor4 .floor-body ul li a img, .floor.floor5 .floor-body ul li a img {width: 219px; height: 219px;}
.floor.floor4 .floor-body ul li a .pname, .floor.floor5 .floor-body ul li a .pname {padding: 5px 3px; display: block;}
.floor.floor4 .floor-body ul li a .price, .floor.floor5 .floor-body ul li a .price {padding: 5px 3px; color: #e60213; display: block;}